<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>23215220128-张子雄</title>
    <link rel="stylesheet" href="./../css/style.css" />
    <link rel="stylesheet" href="./../css/carousel.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    />
     <!-- 这里引用了 Font Awesome 字体图标库，它是一个流行的开源前端资源 CDN 服务，托管了各类 JavaScript 库、CSS 框架和字体文件等 -->
   
  </head>
  <body>
    <div class="top-promo-bar">
      <div class="container flclear">
        <div class="promo-left flleft">
          <img src="./../img/618大促.png" alt="618大促" />
        </div>
      </div>
    </div>

    <div class="topbar">
      <div class="container flclear">
        <div class="welcome flleft" id="topbarWelcome">
          <a href="login.html" class="hello">你好，请登录</a>
        </div>
        <ul class="list flright">
          <li><a href="#">我的订单</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">我的京东</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">京东会员</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">企业采购</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">客户服务</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">网站导航</a></li>
          <li><span class="separate">|</span></li>
          <li><a href="#">手机京东</a></li>
        </ul>
      </div>
    </div>

    <div class="header container flclear">
      <div class="logo flleft">
        <a href="#"><img src="./../img/京东logo.png" alt="京东" /></a>
      </div>
      <div class="search-area flclear">
        <div class="search-box">
          <form action="#">
            <input type="text" placeholder="键盘" />
            <button type="submit"><i class="fas fa-search"></i></button>
          </form>
        </div>
        <div class="hot-keywords">
          <a href="#">不买后悔</a>
          <a href="#">蓝牙耳机</a>
          <a href="#">空调</a>
          <a href="#">冰箱</a>
          <a href="#">洗衣机</a>
          <a href="#">手机</a>
          <a href="#">电脑</a>
          <a href="#">纸巾</a>
          <a href="#">图书</a>
        </div>
      </div>
      <div class="shopping-cart flright">
        <a href="#">
          <i class="fas fa-shopping-cart"></i>
          我的购物车
          <span class="cart-count">0</span>
        </a>
      </div>
    </div>

    <div class="main-nav container flclear">
      <div class="category-panel flleft">全部商品分类</div>
      <ul class="nav-list flleft">
        <li><a href="#" class="active">首页</a></li>
        <li><a href="#">服装城</a></li>
        <li><a href="#">美妆馆</a></li>
        <li><a href="#">超市</a></li>
        <li><a href="#">生鲜</a></li>
        <li><a href="#">全球购</a></li>
        <li><a href="#">闪购</a></li>
        <li><a href="#">拍卖</a></li>
        <li><a href="#">金融</a></li>
        <li><a href="#">智能</a></li>
      </ul>
      <div class="nav-promo flright">
        <a href="#">京东会员</a>
        <a href="#">企业采购</a>
      </div>
    </div>

    <div class="main-content container flclear">
      <ul class="left-categories flleft">
        <li>
          <a href="#">家用电器</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>大家电:</dt>
              <dd>
                <a href="#">平板电视</a><span>|</span><a href="#">空调</a
                ><span>|</span><a href="#">冰箱</a><span>|</span
                ><a href="#">洗衣机</a><span>|</span><a href="#">家庭影院</a
                ><span>|</span><a href="#">DVD</a><span>|</span
                ><a href="#">迷你音响</a><span>|</span><a href="#">烟机/灶具</a
                ><span>|</span><a href="#">热水器</a><span>|</span
                ><a href="#">消毒柜</a><span>|</span><a href="#">洗碗机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>厨房电器:</dt>
              <dd>
                <a href="#">破壁机</a><span>|</span><a href="#">咖啡机</a
                ><span>|</span><a href="#">榨汁机</a><span>|</span
                ><a href="#">电炖锅</a><span>|</span><a href="#">电饭煲</a
                ><span>|</span><a href="#">微波炉</a><span>|</span
                ><a href="#">电磁炉</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>环境电器:</dt>
              <dd>
                <a href="#">取暖器</a><span>|</span><a href="#">空气净化器</a
                ><span>|</span><a href="#">加湿器</a><span>|</span
                ><a href="#">净水器</a><span>|</span><a href="#">饮水机</a
                ><span>|</span><a href="#">电风扇</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>个护健康:</dt>
              <dd>
                <a href="#">剃须刀</a><span>|</span><a href="#">电动牙刷</a
                ><span>|</span><a href="#">电吹风</a><span>|</span
                ><a href="#">美容仪</a><span>|</span><a href="#">按摩器</a
                ><span>|</span><a href="#">足浴盆</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>清洁电器:</dt>
              <dd>
                <a href="#">吸尘器</a><span>|</span><a href="#">扫地机器人</a
                ><span>|</span><a href="#">洗地机</a><span>|</span
                ><a href="#">除螨仪</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>视听影音:</dt>
              <dd>
                <a href="#">家庭影院</a><span>|</span><a href="#">KTV音响</a
                ><span>|</span><a href="#">迷你音响</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>家电配件:</dt>
              <dd>
                <a href="#">电视配件</a><span>|</span><a href="#">空调配件</a
                ><span>|</span><a href="#">洗衣机配件</a><span>|</span
                ><a href="#">冰箱配件</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>商用电器:</dt>
              <dd>
                <a href="#">展示柜</a><span>|</span><a href="#">商用冰柜</a
                ><span>|</span><a href="#">保鲜工作台</a><span>|</span
                ><a href="#">商用冰箱</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">手机</a> <span>/</span> <a href="#">运营商</a>
          <span>/</span> <a href="#">数码</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>手机通讯:</dt>
              <dd>
                <a href="#">手机</a><span>|</span><a href="#">对讲机</a
                ><span>|</span><a href="#">合约机</a><span>|</span
                ><a href="#">老人机</a><span>|</span><a href="#">游戏手机</a
                ><span>|</span><a href="#">拍照手机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>运营商:</dt>
              <dd>
                <a href="#">手机卡</a><span>|</span><a href="#">宽带</a
                ><span>|</span><a href="#">充话费/流量</a><span>|</span
                ><a href="#">中国电信</a><span>|</span><a href="#">中国移动</a
                ><span>|</span><a href="#">中国联通</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>手机配件:</dt>
              <dd>
                <a href="#">手机壳</a><span>|</span><a href="#">贴膜</a
                ><span>|</span><a href="#">存储卡</a><span>|</span
                ><a href="#">数据线</a><span>|</span><a href="#">充电器</a
                ><span>|</span><a href="#">移动电源</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>摄影摄像:</dt>
              <dd>
                <a href="#">数码相机</a><span>|</span><a href="#">微单相机</a
                ><span>|</span><a href="#">单反相机</a><span>|</span
                ><a href="#">拍立得</a><span>|</span><a href="#">运动相机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>数码配件:</dt>
              <dd>
                <a href="#">存储卡</a><span>|</span><a href="#">三脚架/云台</a
                ><span>|</span><a href="#">相机包</a><span>|</span
                ><a href="#">滤镜</a><span>|</span><a href="#">闪光灯</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>影音娱乐:</dt>
              <dd>
                <a href="#">蓝牙/无线耳机</a><span>|</span
                ><a href="#">音箱/音响</a><span>|</span><a href="#">智能音箱</a
                ><span>|</span><a href="#">麦克风</a><span>|</span
                ><a href="#">MP3/MP4</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>智能设备:</dt>
              <dd>
                <a href="#">智能手表</a><span>|</span><a href="#">智能手环</a
                ><span>|</span><a href="#">监控摄像</a><span>|</span
                ><a href="#">智能出行</a><span>|</span><a href="#">智能家居</a
                ><span>|</span><a href="#">无人机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>电子教育:</dt>
              <dd>
                <a href="#">学习机</a><span>|</span><a href="#">点读机/笔</a
                ><span>|</span><a href="#">录音笔</a><span>|</span
                ><a href="#">电纸书</a><span>|</span><a href="#">电子词典</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">电脑</a> <span>/</span> <a href="#">办公</a>
          <span>/</span> <a href="#">文具用品</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>电脑整机:</dt>
              <dd>
                <a href="#">笔记本</a><span>|</span><a href="#">游戏本</a
                ><span>|</span><a href="#">平板电脑</a><span>|</span
                ><a href="#">台式机</a><span>|</span><a href="#">一体机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>电脑配件:</dt>
              <dd>
                <a href="#">显示器</a><span>|</span><a href="#">显卡</a
                ><span>|</span><a href="#">硬盘</a><span>|</span
                ><a href="#">内存</a><span>|</span><a href="#">CPU</a
                ><span>|</span><a href="#">主板</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>外设产品:</dt>
              <dd>
                <a href="#">鼠标</a><span>|</span><a href="#">键盘</a
                ><span>|</span><a href="#">U盘</a><span>|</span
                ><a href="#">移动硬盘</a><span>|</span><a href="#">摄像头</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>网络产品:</dt>
              <dd>
                <a href="#">路由器</a><span>|</span><a href="#">网卡</a
                ><span>|</span><a href="#">交换机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>办公设备:</dt>
              <dd>
                <a href="#">打印机</a><span>|</span><a href="#">投影仪</a
                ><span>|</span><a href="#">碎纸机</a><span>|</span
                ><a href="#">点钞机</a><span>|</span><a href="#">扫描仪</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>文具:</dt>
              <dd>
                <a href="#">笔</a><span>|</span><a href="#">笔记本</a
                ><span>|</span><a href="#">文件管理</a><span>|</span
                ><a href="#">学生用品</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>服务产品:</dt>
              <dd>
                <a href="#">电脑维修</a><span>|</span><a href="#">数据恢复</a
                ><span>|</span><a href="#">软件服务</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">家居</a> <span>/</span> <a href="#">家具</a>
          <span>/</span> <a href="#">家装</a> <span>/</span>
          <a href="#">厨具</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>家纺:</dt>
              <dd>
                <a href="#">床品套件</a><span>|</span><a href="#">被子</a
                ><span>|</span><a href="#">枕头</a><span>|</span
                ><a href="#">蚊帐</a><span>|</span><a href="#">凉席</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>灯具:</dt>
              <dd>
                <a href="#">吸顶灯</a><span>|</span><a href="#">吊灯</a
                ><span>|</span><a href="#">台灯</a><span>|</span
                ><a href="#">筒灯射灯</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>生活日用:</dt>
              <dd>
                <a href="#">纸品湿巾</a><span>|</span><a href="#">收纳用品</a
                ><span>|</span><a href="#">雨具</a><span>|</span
                ><a href="#">清洁工具</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>家装建材:</dt>
              <dd>
                <a href="#">油漆涂料</a><span>|</span><a href="#">墙纸</a
                ><span>|</span><a href="#">地板</a><span>|</span
                ><a href="#">瓷砖</a><span>|</span><a href="#">卫浴</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>家具:</dt>
              <dd>
                <a href="#">沙发</a><span>|</span><a href="#">床</a
                ><span>|</span><a href="#">衣柜</a><span>|</span
                ><a href="#">餐桌</a><span>|</span><a href="#">书桌</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>厨具:</dt>
              <dd>
                <a href="#">锅具</a><span>|</span><a href="#">刀具</a
                ><span>|</span><a href="#">餐具</a><span>|</span
                ><a href="#">厨房配件</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>家装服务:</dt>
              <dd>
                <a href="#">全屋定制</a><span>|</span><a href="#">局部改造</a
                ><span>|</span><a href="#">装修设计</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">男装</a> <span>/</span> <a href="#">女装</a>
          <span>/</span> <a href="#">童装</a> <span>/</span>
          <a href="#">内衣</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>男装:</dt>
              <dd>
                <a href="#">T恤</a><span>|</span><a href="#">衬衫</a
                ><span>|</span><a href="#">牛仔裤</a><span>|</span
                ><a href="#">夹克</a><span>|</span><a href="#">卫衣</a
                ><span>|</span><a href="#">羽绒服</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>女装:</dt>
              <dd>
                <a href="#">连衣裙</a><span>|</span><a href="#">半身裙</a
                ><span>|</span><a href="#">卫衣</a><span>|</span
                ><a href="#">毛衣</a><span>|</span><a href="#">外套</a
                ><span>|</span><a href="#">羽绒服</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>内衣:</dt>
              <dd>
                <a href="#">文胸</a><span>|</span><a href="#">内裤</a
                ><span>|</span><a href="#">睡衣</a><span>|</span
                ><a href="#">保暖内衣</a><span>|</span><a href="#">袜子</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>童装:</dt>
              <dd>
                <a href="#">婴儿服</a><span>|</span><a href="#">儿童T恤</a
                ><span>|</span><a href="#">儿童外套</a><span>|</span
                ><a href="#">儿童裤</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>服饰配件:</dt>
              <dd>
                <a href="#">围巾</a><span>|</span><a href="#">帽子</a
                ><span>|</span><a href="#">手套</a><span>|</span
                ><a href="#">腰带</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">美妆</a> <span>/</span> <a href="#">个护清洁</a>
          <span>/</span> <a href="#">宠物</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>面部护理:</dt>
              <dd>
                <a href="#">洁面</a><span>|</span><a href="#">爽肤水</a
                ><span>|</span><a href="#">精华</a><span>|</span
                ><a href="#">乳液面霜</a><span>|</span><a href="#">面膜</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>身体护理:</dt>
              <dd>
                <a href="#">沐浴露</a><span>|</span><a href="#">身体乳</a
                ><span>|</span><a href="#">洗手液</a><span>|</span
                ><a href="#">护手霜</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>口腔护理:</dt>
              <dd>
                <a href="#">牙膏</a><span>|</span><a href="#">牙刷</a
                ><span>|</span><a href="#">漱口水</a><span>|</span
                ><a href="#">电动牙刷</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>洗发护发:</dt>
              <dd>
                <a href="#">洗发水</a><span>|</span><a href="#">护发素</a
                ><span>|</span><a href="#">发膜</a><span>|</span
                ><a href="#">染发</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>香水彩妆:</dt>
              <dd>
                <a href="#">香水</a><span>|</span><a href="#">口红</a
                ><span>|</span><a href="#">粉底</a><span>|</span
                ><a href="#">眼影</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>宠物生活:</dt>
              <dd>
                <a href="#">宠物主粮</a><span>|</span><a href="#">宠物零食</a
                ><span>|</span><a href="#">宠物玩具</a><span>|</span
                ><a href="#">宠物清洁</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">女鞋</a> <span>/</span> <a href="#">箱包</a>
          <span>/</span> <a href="#">钟表</a> <span>/</span>
          <a href="#">珠宝</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>时尚女鞋:</dt>
              <dd>
                <a href="#">休闲鞋</a><span>|</span><a href="#">高跟鞋</a
                ><span>|</span><a href="#">凉鞋</a><span>|</span
                ><a href="#">靴子</a><span>|</span><a href="#">单鞋</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>潮流女包:</dt>
              <dd>
                <a href="#">双肩包</a><span>|</span><a href="#">单肩包</a
                ><span>|</span><a href="#">手提包</a><span>|</span
                ><a href="#">钱包</a><span>|</span><a href="#">手拿包</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>奢侈品:</dt>
              <dd>
                <a href="#">箱包</a><span>|</span><a href="#">服饰</a
                ><span>|</span><a href="#">腕表</a><span>|</span
                ><a href="#">珠宝</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>钟表:</dt>
              <dd>
                <a href="#">手表</a><span>|</span><a href="#">座钟挂钟</a
                ><span>|</span><a href="#">智能手表</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>珠宝首饰:</dt>
              <dd>
                <a href="#">项链</a><span>|</span><a href="#">手链</a
                ><span>|</span><a href="#">耳饰</a><span>|</span
                ><a href="#">戒指</a><span>|</span><a href="#">吊坠</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">男鞋</a> <span>/</span> <a href="#">运动</a>
          <span>/</span> <a href="#">户外</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>潮流男鞋:</dt>
              <dd>
                <a href="#">休闲鞋</a><span>|</span><a href="#">运动鞋</a
                ><span>|</span><a href="#">皮鞋</a><span>|</span
                ><a href="#">凉鞋</a><span>|</span><a href="#">靴子</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>运动鞋包:</dt>
              <dd>
                <a href="#">跑步鞋</a><span>|</span><a href="#">篮球鞋</a
                ><span>|</span><a href="#">训练鞋</a><span>|</span
                ><a href="#">运动包</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>运动服饰:</dt>
              <dd>
                <a href="#">运动T恤</a><span>|</span><a href="#">运动裤</a
                ><span>|</span><a href="#">运动套装</a><span>|</span
                ><a href="#">运动外套</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>健身训练:</dt>
              <dd>
                <a href="#">跑步机</a><span>|</span><a href="#">健身车</a
                ><span>|</span><a href="#">哑铃</a><span>|</span
                ><a href="#">瑜伽垫</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>户外装备:</dt>
              <dd>
                <a href="#">帐篷</a><span>|</span><a href="#">登山包</a
                ><span>|</span><a href="#">户外鞋</a><span>|</span
                ><a href="#">睡袋</a><span>|</span><a href="#">手电筒</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>垂钓用品:</dt>
              <dd>
                <a href="#">鱼竿</a><span>|</span><a href="#">鱼线</a
                ><span>|</span><a href="#">鱼饵</a><span>|</span
                ><a href="#">渔具套装</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">房产</a> <span>/</span> <a href="#">汽车</a>
          <span>/</span> <a href="#">汽车用品</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>汽车用品:</dt>
              <dd>
                <a href="#">行车记录仪</a><span>|</span
                ><a href="#">车载充电器</a><span>|</span><a href="#">汽车坐垫</a
                ><span>|</span><a href="#">汽车香水</a><span>|</span
                ><a href="#">车载吸尘器</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>汽车服务:</dt>
              <dd>
                <a href="#">洗车服务</a><span>|</span><a href="#">保养服务</a
                ><span>|</span><a href="#">加油卡</a><span>|</span
                ><a href="#">汽车美容</a><span>|</span><a href="#">轮胎服务</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>二手车:</dt>
              <dd>
                <a href="#">二手轿车</a><span>|</span><a href="#">二手SUV</a
                ><span>|</span><a href="#">二手MPV</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>新车:</dt>
              <dd>
                <a href="#">品牌新车</a><span>|</span><a href="#">新能源车</a
                ><span>|</span><a href="#">平行进口车</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>房产:</dt>
              <dd>
                <a href="#">新房</a><span>|</span><a href="#">二手房</a
                ><span>|</span><a href="#">租房</a><span>|</span
                ><a href="#">海外房产</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">母婴</a> <span>/</span> <a href="#">玩具</a>
          <span>/</span> <a href="#">乐器</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>奶粉:</dt>
              <dd>
                <a href="#">婴幼儿奶粉</a><span>|</span><a href="#">成人奶粉</a
                ><span>|</span><a href="#">特殊配方奶粉</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>营养辅食:</dt>
              <dd>
                <a href="#">米粉</a><span>|</span><a href="#">果泥</a
                ><span>|</span><a href="#">溶豆</a><span>|</span
                ><a href="#">DHA</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>尿裤湿巾:</dt>
              <dd>
                <a href="#">婴儿纸尿裤</a><span>|</span><a href="#">学步裤</a
                ><span>|</span><a href="#">湿巾</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>洗护用品:</dt>
              <dd>
                <a href="#">婴儿洗发沐浴</a><span>|</span><a href="#">护肤</a
                ><span>|</span><a href="#">洗衣液</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>喂养用品:</dt>
              <dd>
                <a href="#">奶瓶</a><span>|</span><a href="#">奶嘴</a
                ><span>|</span><a href="#">消毒锅</a><span>|</span
                ><a href="#">辅食机</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>童车童床:</dt>
              <dd>
                <a href="#">婴儿车</a><span>|</span><a href="#">儿童床</a
                ><span>|</span><a href="#">餐椅</a><span>|</span
                ><a href="#">学步车</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>安全座椅:</dt>
              <dd>
                <a href="#">婴儿安全座椅</a><span>|</span
                ><a href="#">儿童安全座椅</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>童装童鞋:</dt>
              <dd>
                <a href="#">婴儿服饰</a><span>|</span><a href="#">儿童上衣</a
                ><span>|</span><a href="#">儿童裤</a><span>|</span
                ><a href="#">儿童鞋</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>儿童玩具:</dt>
              <dd>
                <a href="#">益智玩具</a><span>|</span><a href="#">遥控玩具</a
                ><span>|</span><a href="#">积木</a><span>|</span
                ><a href="#">毛绒玩具</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>乐器:</dt>
              <dd>
                <a href="#">钢琴</a><span>|</span><a href="#">吉他</a
                ><span>|</span><a href="#">小提琴</a><span>|</span
                ><a href="#">电子琴</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">食品</a> <span>/</span> <a href="#">酒类</a>
          <span>/</span> <a href="#">生鲜</a> <span>/</span>
          <a href="#">特产</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>休闲食品:</dt>
              <dd>
                <a href="#">饼干蛋糕</a><span>|</span><a href="#">坚果炒货</a
                ><span>|</span><a href="#">膨化食品</a><span>|</span
                ><a href="#">巧克力</a><span>|</span><a href="#">糖果</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>中外名酒:</dt>
              <dd>
                <a href="#">白酒</a><span>|</span><a href="#">啤酒</a
                ><span>|</span><a href="#">葡萄酒</a><span>|</span
                ><a href="#">洋酒</a><span>|</span><a href="#">黄酒</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>生鲜:</dt>
              <dd>
                <a href="#">水果</a><span>|</span><a href="#">蔬菜</a
                ><span>|</span><a href="#">肉禽蛋</a><span>|</span
                ><a href="#">海鲜水产</a><span>|</span><a href="#">速冻食品</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>茗茶:</dt>
              <dd>
                <a href="#">绿茶</a><span>|</span><a href="#">红茶</a
                ><span>|</span><a href="#">乌龙茶</a><span>|</span
                ><a href="#">花草茶</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>冲调饮品:</dt>
              <dd>
                <a href="#">牛奶乳品</a><span>|</span><a href="#">咖啡</a
                ><span>|</span><a href="#">蜂蜜</a><span>|</span
                ><a href="#">麦片</a><span>|</span><a href="#">谷物粉</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>粮油调味:</dt>
              <dd>
                <a href="#">食用油</a><span>|</span><a href="#">大米</a
                ><span>|</span><a href="#">面粉</a><span>|</span
                ><a href="#">调味品</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>地方特产:</dt>
              <dd>
                <a href="#">坚果干货</a><span>|</span><a href="#">糕点小吃</a
                ><span>|</span><a href="#">肉制品</a><span>|</span
                ><a href="#">海产品</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">艺术</a> <span>/</span> <a href="#">礼品鲜花</a>
          <span>/</span> <a href="#">农牧园艺</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>艺术品:</dt>
              <dd>
                <a href="#">字画</a><span>|</span><a href="#">雕塑</a
                ><span>|</span><a href="#">收藏品</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>礼品:</dt>
              <dd>
                <a href="#">创意礼品</a><span>|</span><a href="#">商务礼品</a
                ><span>|</span><a href="#">节日礼品</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>鲜花绿植:</dt>
              <dd>
                <a href="#">鲜花</a><span>|</span><a href="#">绿植盆栽</a
                ><span>|</span><a href="#">仿真花</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>农资园艺:</dt>
              <dd>
                <a href="#">种子</a><span>|</span><a href="#">农药</a
                ><span>|</span><a href="#">化肥</a><span>|</span
                ><a href="#">园艺工具</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">京东买药</a> <span>/</span> <a href="#">计生情趣</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>京东买药:</dt>
              <dd>
                <a href="#">非处方药</a><span>|</span><a href="#">处方药</a
                ><span>|</span><a href="#">医疗器械</a><span>|</span
                ><a href="#">滋补保健</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>计生情趣:</dt>
              <dd>
                <a href="#">避孕套</a><span>|</span><a href="#">润滑剂</a
                ><span>|</span><a href="#">情趣用品</a><span>|</span
                ><a href="#">验孕测排</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">图书</a> <span>/</span> <a href="#">文娱</a>
          <span>/</span> <a href="#">教育</a> <span>/</span>
          <a href="#">电子书</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>图书:</dt>
              <dd>
                <a href="#">小说</a><span>|</span><a href="#">文学</a
                ><span>|</span><a href="#">教育</a><span>|</span
                ><a href="#">童书</a><span>|</span><a href="#">艺术</a
                ><span>|</span><a href="#">科技</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>电子书:</dt>
              <dd>
                <a href="#">付费电子书</a><span>|</span
                ><a href="#">免费电子书</a><span>|</span><a href="#">听书</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>音像:</dt>
              <dd>
                <a href="#">音乐CD</a><span>|</span><a href="#">电影DVD</a
                ><span>|</span><a href="#">演唱会</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>文娱:</dt>
              <dd>
                <a href="#">动漫</a><span>|</span><a href="#">游戏</a
                ><span>|</span><a href="#">影视</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">机票</a> <span>/</span> <a href="#">酒店</a>
          <span>/</span> <a href="#">旅游</a> <span>/</span>
          <a href="#">生活</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>机票酒店:</dt>
              <dd>
                <a href="#">国内机票</a><span>|</span><a href="#">国际机票</a
                ><span>|</span><a href="#">酒店预订</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>旅游度假:</dt>
              <dd>
                <a href="#">国内游</a><span>|</span><a href="#">出境游</a
                ><span>|</span><a href="#">周边游</a><span>|</span
                ><a href="#">自由行</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>生活服务:</dt>
              <dd>
                <a href="#">家政服务</a><span>|</span><a href="#">搬家服务</a
                ><span>|</span><a href="#">维修服务</a><span>|</span
                ><a href="#">鲜花速递</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>充值缴费:</dt>
              <dd>
                <a href="#">手机充值</a><span>|</span><a href="#">流量充值</a
                ><span>|</span><a href="#">水电煤缴费</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">支付</a> <span>/</span> <a href="#">白条</a>
          <span>/</span> <a href="#">保险</a> <span>/</span>
          <a href="#">企业金融</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>支付:</dt>
              <dd>
                <a href="#">京东支付</a><span>|</span><a href="#">银行卡支付</a
                ><span>|</span><a href="#">微信支付</a><span>|</span
                ><a href="#">支付宝支付</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>白条:</dt>
              <dd>
                <a href="#">白条开通</a><span>|</span><a href="#">白条分期</a
                ><span>|</span><a href="#">白条提额</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>保险:</dt>
              <dd>
                <a href="#">健康险</a><span>|</span><a href="#">意外险</a
                ><span>|</span><a href="#">旅游险</a><span>|</span
                ><a href="#">车险</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>企业金融:</dt>
              <dd>
                <a href="#">企业贷款</a><span>|</span><a href="#">企业理财</a
                ><span>|</span><a href="#">企业支付</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">安装</a> <span>/</span> <a href="#">维修</a>
          <span>/</span> <a href="#">清洗</a> <span>/</span>
          <a href="#">二手</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>安装服务:</dt>
              <dd>
                <a href="#">家电安装</a><span>|</span><a href="#">家具安装</a
                ><span>|</span><a href="#">灯具安装</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>维修服务:</dt>
              <dd>
                <a href="#">手机维修</a><span>|</span><a href="#">电脑维修</a
                ><span>|</span><a href="#">家电维修</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>清洗服务:</dt>
              <dd>
                <a href="#">家电清洗</a><span>|</span><a href="#">衣物清洗</a
                ><span>|</span><a href="#">家居清洗</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>二手交易:</dt>
              <dd>
                <a href="#">二手手机</a><span>|</span><a href="#">二手电脑</a
                ><span>|</span><a href="#">二手家电</a><span>|</span
                ><a href="#">二手奢侈品</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">元器件</a> <span>/</span> <a href="#">原材料</a>
          <span>/</span> <a href="#">五金机电</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>电子元器件:</dt>
              <dd>
                <a href="#">电阻</a><span>|</span><a href="#">电容</a
                ><span>|</span><a href="#">二极管</a><span>|</span
                ><a href href="#">三极管</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>原材料:</dt>
              <dd>
                <a href="#">塑料原料</a><span>|</span><a href="#">橡胶原料</a
                ><span>|</span><a href="#">金属材料</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>五金工具:</dt>
              <dd>
                <a href="#">手动工具</a><span>|</span><a href="#">电动工具</a
                ><span>|</span><a href="#">气动工具</a>
              </dd>
            </dl>
            <dl class="flclear">
              <dt>机电设备:</dt>
              <dd>
                <a href="#">电机</a><span>|</span><a href="#">水泵</a
                ><span>|</span><a href="#">风机</a><span>|</span
                ><a href="#">阀门</a>
              </dd>
            </dl>
          </div>
        </li>
        <li>
          <a href="#">更多分类</a>
          <div class="second-categories flclear">
            <dl class="flclear">
              <dt>更多:</dt>
              <dd>
                <a href="#">全部商品</a><span>|</span><a href="#">热门推荐</a
                ><span>|</span><a href="#">特色频道</a><span>|</span
                ><a href="#">品牌街</a>
              </dd>
            </dl>
          </div>
        </li>
      </ul>

      <div class="center-promo flleft">
        <div class="carousel">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="../img/轮播图1.jpg" alt="First slide" />
            </div>
            <div class="carousel-item">
              <img src="../img/轮播图2.jpg" alt="Second slide" />
            </div>
            <div class="carousel-item">
              <img src="../img/轮播图三.jpg" alt="Third slide" />
            </div>
            <div class="carousel-item">
              <img src="../img/轮播图四.jpg" alt="Fourth slide" />
            </div>
            <div class="carousel-item">
              <img src="../img/剑星.jpg" alt="Fifth slide" />
            </div>
            <div class="carousel-item">
              <img src="../img/剑星1.jpg" alt="Sixth slide" />

            </div>
            <div class="carousel-item">
              <img src="../img/剑星2.jpg" alt="seventh slide"/>

            </div>
            <div class="carousel-item"> 
              <img src="../img/剑星3.jpg" alt="eighth slide" />
            </div>
          </div>
          <a
            class="carousel-control-prev"
            href="#"
            role="button"
            data-slide="prev"
          >
            <span class="carousel-control-prev-icon" aria-hidden="true"
              >&#10094;</span
            >
            <span class="sr-only">Previous</span>
          </a>
          <a
            class="carousel-control-next"
            href="#"
            role="button"
            data-slide="next"
          >
            <span class="carousel-control-next-icon" aria-hidden="true"
              >&#10095;</span
            >
            <span class="sr-only">Next</span>
          </a>
          <ul class="carousel-indicators"></ul>
        </div>
        <div class="lightbox">
          <img src="" alt="Enlarged Image" />
          <a
            class="lightbox-control-prev"
            href="#"
            role="button"
            data-slide="prev"
          >
            <span class="lightbox-control-prev-icon" aria-hidden="true"
              >&#10094;</span
            >
          </a>
          <a
            class="lightbox-control-next"
            href="#"
            role="button"
            data-slide="next"
          >
            <span class="lightbox-control-next-icon" aria-hidden="true"
              >&#10095;</span
            >
          </a>
        </div>

        <div class="small-promo-images flclear">
          <a href="#"><img src="./../img/轮播图1.jpg" alt="小图1" /></a>
          <a href="#"><img src="./../img/轮播图2.jpg" alt="小图2" /></a>
          <a href="#"><img src="./../img/轮播图三.jpg" alt="小图3" /></a>
          <a href="#"><img src="./../img/轮播图四.jpg" alt="小图4" /></a>       
          <a href="#"><img src="./../img/商品1.jpg" alt="小图5" /></a>
          <a href="#"><img src="./../img/商品2.jpg" alt="小图6" /></a>
          <a href="#"><img src="./../img/商品3.jpg" alt="小图7" /></a>
          <a href="#"><img src="./../img/商品4.jpg" alt="小图8" /></a>
        </div>
      </div>

      <div class="right-service-panel flright">
        <div class="user-greeting">
            <!-- This section will be dynamically updated by JavaScript -->
            <div id="loggedInDisplay" style="display: none;">
                <div class="logged-in-info">
                    <div class="user-avatar-logged-in" id="userAvatarLoggedIn">
                        <img src="https://placehold.co/60x60/e4393c/ffffff?text=JD" alt="用户头像">
                    </div>
                    <p class="username-display" id="loggedInUsernameDisplay"></p>
                </div>
                <button class="logout-btn-small" id="logoutBtnIndex">注销</button>
            </div>

            <div class="login-register-buttons" id="loginRegisterButtons">
                <img src="./../img/头像.png" alt="用户头像" class="user-avatar" />
                <p>HI~下午好</p>
                <a href="login.html" class="login-btn-small">立即登录</a>
                <a href="login.html" class="register-btn-small">注册</a>
            </div>
        </div>
        <div class="news-list">
          <div class="news-header flclear">
            <h3>京东快报</h3>
            <a href="#">更多 <i class="fas fa-angle-right"></i></a>
          </div>
          <ul>
            <li><a href="#">[特惠] 京东秒杀，爆款直降</a></li>
            <li><a href="#">[公告] 严打刷单行为，维护公平</a></li>
            <li><a href="#">[热门] 手机以旧换新，最高补贴</a></li>
            <li><a href="#">[活动] 支付优惠，叠加红包更省</a></li>
          </ul>
        </div>
        <div class="service-icons flclear">
          <a href="#">
            <i class="fas fa-money-bill-alt"></i>
            <span>充值</span>
          </a>
          <a href="#">
            <i class="fas fa-ticket-alt"></i>
            <span>机票</span>
          </a>
          <a href="#">
            <i class="fas fa-film"></i>
            <span>电影票</span>
          </a>
          <a href="#">
            <i class="fas fa-gamepad"></i>
            <span>游戏</span>
          </a>
          <a href="#">
            <i class="fas fa-gem"></i>
            <span>彩票</span>
          </a>
          <a href="#">
            <i class="fas fa-hotel"></i>
            <span>酒店</span>
          </a>
          <a href="#">
            <i class="fas fa-chart-line"></i>
            <span>理财</span>
          </a>
          <a href="#">
            <i class="fas fa-train"></i>
            <span>火车票</span>
          </a>
          <a href="#">
            <i class="fas fa-credit-card"></i>
            <span>白条</span>
          </a>
          <a href="#">
            <i class="fas fa-gift"></i>
            <span>礼品卡</span>
          </a>
          <a href="#">
            <i class="fas fa-building"></i>
            <span>企业购</span>
          </a>
          <a href="#">
            <i class="fas fa-grin-beam"></i>
            <span>免费领</span>
          </a>
        </div>
      </div>
    </div>

    <div class="recommend-section container flclear">
      <div class="recommend-header">
        <h3>为你推荐</h3>
        <span>猜你喜欢</span>
      </div>
      <div class="recommend-items flclear">
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品1.jpg" alt="推荐商品1" /></a>
          <p class="title">atk裂空</p>
          <p class="price">¥ 369</p>
      <a href="payment.html?img=商品1.jpg&title=atk裂空&price=369" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品2.jpg" alt="推荐商品2" /></a>
          <p class="title">商务鼠标</p>
          <p class="price">¥ 88.00</p>
      <a href="payment.html?img=商品2.jpg&title=商务鼠标&price=88.00" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品3.jpg" alt="推荐商品3" /></a>
          <p class="title">麦从x5</p>
          <p class="price">¥ 229</p>
      <a href="payment.html?img=商品3.jpg&title=麦从x5&price=229" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品4.jpg" alt="推荐商品4" /></a>
          <p class="title">前行者S9</p>
          <p class="price">¥ 239</p>
        <a href="payment.html?img=商品4.jpg&title=前行者S9&price=239" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品5.jpg" alt="推荐商品5" /></a>
          <p class="title">毒蝰v3pro</p>
          <p class="price">¥ 1299</p>
          <a href="payment.html?img=商品5.jpg&title=毒蝰v3pro&price=1299" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品6.jpg" alt="推荐商品6" /></a>
          <p class="title">蜻蜓f1</p>
          <p class="price">¥ 1999.00</p>
          <a href="payment.html?img=商品6.jpg&title=蜻蜓f1&price=1999" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品7.jpg" alt="推荐商品7" /></a>
          <p class="title">gpw2</p>
          <p class="price">¥ 599.00</p>
        <a href="payment.html?img=商品7.jpg&title=gpw2&price=599" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品8.jpg" alt="推荐商品8" /></a>
          <p class="title">麦从v2</p>
          <p class="price">¥ 399</p>
         <a href="payment.html?img=商品8.jpg&title=麦从v2&price=399" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品9.jpg" alt="推荐商品9" /></a>
          <p class="title">蝰蛇v2pro</p>
          <p class="price">¥ 599</p>
          <a href="payment.html?img=商品9.jpg&title=蝰蛇v2pro&price=599" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品10.jpg" alt="推荐商品10" /></a>
          <p class="title">毒蝰v3急速版</p>
          <p class="price">¥ 1299</p>
        <a href="payment.html?img=商品10.jpg&title=毒蝰v3急速版&price=1299" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品11.jpg" alt="推荐商品11" /></a>
          <p class="title">龙鳞ace</p>
          <p class="price">¥ 1999.00</p>
          <a href="payment.html?img=商品11.jpg&title=龙鳞ace&price=1999" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品12.jpg" alt="推荐商品12" /></a>
          <p class="title">汤圆</p>
          <p class="price">¥ 88.00</p>
         <a href="payment.html?img=商品12.jpg&title=汤圆&price=88.00" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品13.jpg" alt="推荐商品13" /></a>
          <p class="title">面包</p>
          <p class="price">¥ 59.90</p>
        <a href="payment.html?img=商品13.jpg&title=面包&price=59.9" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/商品14.jpg" alt="推荐商品14" /></a>
          <p class="title">相机</p>
          <p class="price">¥ 29.90</p>
        <a href="payment.html?img=商品14.jpg&title=相机&price=29.9" class="similar-find">购买</a>
        </div>
        <div class="recommend-item flleft">
          <a href="#"><img src="../img/轮播图1.jpg" alt="推荐商品15" /></a>
          <p class="title">ns2</p>
          <p class="price">¥ 1299.00</p>
          <a href="payment.html?img=轮播图1.jpg&title=ns2&price=1299" class="similar-find">购买</a>
        </div>
      </div>
    </div>

    <div class="footer flclear">
      <div class="container top flclear">
        <dl class="flleft">
          <dt><span>购物指南</span></dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行/团购</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl class="flleft">
          <dt><span>配送方式</span></dt>
          <dd><a href="#">上门自提</a></dd>
          <dd><a href="#">211限时达</a></dd>
          <dd><a href="#">配送服务查询</a></dd>
          <dd><a href="#">配送费收取标准</a></dd>
          <dd><a href="#">海外配送</a></dd>
        </dl>
        <dl class="flleft">
          <dt><span>支付方式</span></dt>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">在线支付</a></dd>
          <dd><a href="#">分期付款</a></dd>
          <dd><a href="#">公司转账</a></dd>
        </dl>
        <dl class="flleft">
          <dt><span>售后服务</span></dt>
          <dd><a href="#">售后政策</a></dd>
          <dd><a href="#">价格保护</a></dd>
          <dd><a href="#">退款说明</a></dd>
          <dd><a href="#">返修/退换货</a></dd>
          <dd><a href="#">取消订单</a></dd>
        </dl>
        <dl class="flleft">
          <dt><span>特色服务</span></dt>
          <dd><a href="#">夺宝岛</a></dd>
          <dd><a href="#">DIY装机</a></dd>
          <dd><a href="#">延保服务</a></dd>
          <dd><a href="#">京东E卡</a></dd>
          <dd><a href="#">京东通信</a></dd>
          <dd><a href="#">京东服饰</a></dd>
        </dl>
        <div class="code flright">
          <span>京东客户端</span>
          <img
            src="../img/剑星.png"
            alt="客户端二维码"
          />
        </div>
      </div>
      <div class="container bottom flclear">
        <div>
          <a href="#">关于我们</a> <span class="separate">|</span>
          <a href="#">联系我们</a> <span class="separate">|</span>
          <a href="#">联系客服</a> <span class="separate">|</span>
          <a href="#">合作招商</a> <span class="separate">|</span>
          <a href="#">商家帮助</a> <span class="separate">|</span>
          <a href="#">营销中心</a> <span class="separate">|</span>
          <a href="#">手机京东</a> <span class="separate">|</span>
          <a href="#">友情链接</a> <span class="separate">|</span>
          <a href="#">销售联盟</a> <span class="separate">|</span>
          <a href="#">京东社区</a> <span class="separate">|</span>
          <a href="#">风险监测</a> <span class="separate">|</span>
          <a href="#">隐私政策</a> <span class="separate">|</span>
          <a href="#">京东公益</a> <span class="separate">|</span>
          <a href="#">English Site</a> <span class="separate">|</span>
          <a href="#">Media & IR</a>
        </div>
        <div>
          <span>©2004-2025 京东JD.com 版权所有</span>
        </div>
      </div>
    </div>
    <script src="./../js/carousel.js"></script>
    <script src="./../js/根据登录状态更新用户界面.js"></script>
  </body>
</html>
